<?php
use yii\helpers\Html;
use yii\helpers\Url;
use yii\widgets\LinkPager;
?>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>免费注册</title>
    <!--<meta name="description" content="这是主页">-->
    <meta name="keywords" content="form">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <link rel="stylesheet" href="css/chinaz.css">
    <link rel="stylesheet" href="css/amazeui.swiper.min.css">


    <link rel="stylesheet" href="css/index.css">
    <!--<link rel="stylesheet" href="css/amazeui.slick.min.css">
    -->
    <!--<link rel="icon" type="image/png" href="assets/i/favicon.png">
    -->
    <!--<link rel="apple-touch-icon-precomposed" href="assets/i/app-icon72x72@2x.png">
    -->
    <!--<meta name="apple-mobile-web-app-title" content="Amaze UI" />
    -->
    <link rel="stylesheet" href="assets/css/amazeui.min.css"/>
    <link rel="stylesheet" href="assets/css/layout.css"/>
    <!--<link rel="stylesheet" href="assets/css/admin.css">--></head>
<body>

<div class="contextDiv" style="width: 100%;height: 1000px;background-image: url(img/BG.jpg)">
    &nbsp;
    <div style="width: 50%;left:25%;margin-top: 120px;background-color: white;height: 500px;border-radius: 20px;opacity: 0.6;position: absolute">
    </div>
    <div style="width: 50%;left:25%;margin-top: 120px;height: 500px;border-radius: 20px;position: absolute;padding-top: 10px;padding-left: 40px">
        <img src="img/zhenbang.png" style="width: 90%;margin-left: 2%">
        <div style="margin-top: 20px;">
            <table id="theInfo" style="margin-left: 6%">
                <tr>
                    <td class="firstTd">
用户名<span style="color:red">*</span>
                    </td>
                    <td>
                        <input style="width:100%;height:26px;border:1px solid #b6c1c9;outline: none;background-color:inherit;margin-left: 4px " id="username">
                    </td>
                    <td style="color: #7f8c8d;text-align: left;font-size: 12px;">
                        <span id="userMsg" style="margin-left: 20px"> 昵称至少3个字符或两个中文字符,最多18个字符</span>
                    </td>
                </tr>
                <tr>
                    <td class="firstTd">
登陆密码<span style="color:red">*</span>
                    </td>
                    <td>
                        <input type="password"
                               style="width:100%;height:26px;border:1px solid #b6c1c9;outline: none;background-color:inherit;margin-left: 4px " id="password">
                    </td>
                    <td style="color: #7f8c8d;text-align: left;font-size: 12px;">
                        <span style="margin-left: 20px"> 6-16位字符,至少包含数字、字母(区分大小写)</span>
                    </td>
                </tr>
                <tr>
                    <td class="firstTd">
确认密码<span style="color:red">*</span>

                    </td>
                    <td>
                        <input type="password"
                               style="width:100%;height:26px;border:1px solid #b6c1c9;outline: none;background-color:inherit;margin-left: 4px " id="repasswd" onblur="validPasswd();">
                    </td>
                    <td style="color: #7f8c8d;text-align: left;font-size: 12px;">
                        <span style="margin-left: 20px" id="repasswdText"> 两次输入密码需一致</span>
                    </td>
                </tr>
                <tr>
                    <td class="firstTd">
手机号码<span style="color:red">*</span>

                    </td> 
                    <td>    <!--validMobile(); -->
                        <input style="width:100%;height:26px;border:1px solid #b6c1c9;outline: none;background-color:inherit;margin-left: 4px " id="mobile" onblur="validMobile();">
                    </td>
                    <td style="color: #7f8c8d;text-align: left;font-size: 12px;">
                        <span style="margin-left: 20px" id="mobileText" onblur="validMobile();"> 请输入手机号</span>
                    </td>
                </tr>
                <tr>
                    <td class="firstTd">
手机验证码<span style="color:red">*</span>

                    </td>
                    <td>
                        <input style="width:100%;height:26px;border:1px solid #b6c1c9;outline: none;background-color:inherit;margin-left: 4px " id="capcode">
                    </td>
                    <td style="color: #7f8c8d;text-align: left;font-size: 12px;">
                        <button
                                style="margin-left: 20px;height:30px;border-radius:6px;outline: none;width: 140px;border:none;color:white;border-bottom: 2px solid rgb(29,114,158);margin-top: 0px;background-color: #55B6E4">
                                    点击获取手机验证码
                        </button>
                        <span style=""> 请输入验证码</span>
                    </td>
                </tr>
                <tr>
                    <td class="firstTd">
电子邮箱<span style="color:red">*</span>

                    </td>
                    <td>
                        <input style="width:100%;height:26px;border:1px solid #b6c1c9;outline: none;background-color:inherit;margin-left: 4px " id="email">
                    </td>
                    <td style="color: #7f8c8d;text-align: left;font-size: 12px;">
                        <span style="margin-left: 20px"> 请输入邮箱!</span>
                    </td>
                </tr>
                <tr>
                    <td class="firstTd">
推荐人

                    </td>
                    <td>
                        <input style="width:100%;height:26px;border:1px solid #b6c1c9;outline: none;background-color:inherit;margin-left: 4px ">
                    </td>
                    <td style="color: #7f8c8d;text-align: left;font-size: 12px;">
                        <span style="margin-left: 20px"> 选填</span>
                    </td>
                </tr>
            </table>
            <div style="font-size: 12px;color: #7f8c8d;text-align: center;margin-top: 10px">
                <input type="checkbox" id=checkedBox>我已阅读并同意<a style="color: red">《用户协议》</a>
            </div>
            <div style="text-align: center;margin-top: 10px">
                <button
                        style="height:40px;font-size: 20px;outline: none;width: 200px;border:none;color:white;border-bottom: 2px solid rgb(29,114,158);margin-top: 0px;background-color: #55B6E4" id="register" onclick="register();">
                            注册
                </button>
            </div>
        </div>
    </div>

</div>
</body>